<template>
    <div>
        <h1>登录页面</h1>
        <table class="table table-bordered">
            <tbody>
                <tr>
                    <td align="right">账号</td>
                    <td><input type="text" v-model="name"></td>
                </tr>
                <tr>
                    <td align="right">密码</td>
                    <td><input type="password" v-model="pwd"></td>
                </tr>
                <tr>
                    <td align="right"></td>
                    <td><input type="button" value="登录"  @click="login"></td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import { ref,reactive } from 'vue'

let name=ref("");
let pwd =ref("")

const login=()=>{
  alert(name.value+","+pwd.value)
}
</script>

<style scoped>

</style>